<template>
  <div class="footer-bottom">
    <div class="footer-center">
      <div class="top-box">
        <div class="logo"><img src="@/assets/images/logo2.png" alt=""></div>
        <div class="item-box">
          <p class="title">
            用户协议
          </p>
          <div class="content">
            <a href="javascript:void (0)">支付协议</a>
            <a href="javascript:void (0)">注册协议</a>
            <a href="javascript:void (0)">隐私协议</a>
            <a href="javascript:void (0)">注销协议</a>
            <a href="javascript:void (0)">网站申明</a>
          </div>
        </div>
        <div class="item-box">
          <p class="title">
            网站信息
          </p>
          <div class="content">
            <a href="javascript:void (0)">标书模板</a>
            <a href="javascript:void (0)">标书定制</a>
            <a href="javascript:void (0)">加入我们</a>
          </div>
        </div>
        <div class="item-box">
          <p class="title">
            关于我们
          </p>
          <div class="content">
            <p class="desc">
              南京悦标圈信息科技有限公司，是一家专注于投标服务的创新型互联网企业，主营业务为：覆盖各行业的投标方案研发、标书定制服务及相关咨询服务。团队有着丰富的研发经验，擅长根据客户实际需求进行定制，为客户创造价值！
            </p>
          </div>
        </div>
        <div class="item-box">
          <p class="title">
            
          </p>
          <div class="content">
            <div class="image">
              <img src="https://biaoxiaozhu.cn/img/icon_ewm.b7cd69e8.png" alt="">
              <img src="https://biaoxiaozhu.cn/img/icon_ewm.b7cd69e8.png" alt="">
            </div>

            <p class="tel">联系方式：13012341234</p>
            <p class="address">公司地址:江苏省南京市栖霞区八卦洲街道和悦路99号3187室</p>
          </div>
        </div>
      </div>
      <div class="bottom-box">
        浙ICP备2022000356号-3 浙公网安备 33011002011859号
      </div>
    </div>
  </div>
</template>

<script>

</script>

<style scoped lang="scss">
.footer-bottom{
  width: 100%;
  height: 300px;
  background: #333333;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 99;
  .footer-center{
    width: 1300px;
    height: 300px;
    .top-box{
      width: 100%;
      height: 240px;
      border-bottom: 1px solid #434141;
      display: flex;
      justify-content: space-between;
      .logo{
        width: 200px;
        height: 240px;
        margin-top: 40px;
        img{
          height: 60px;
          object-fit: contain;
        }
      }
      .item-box{

        height: 240px;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-left: 20px;
        .title{
          width: 100%;
          color: #fff;
          font-size: 16px;
          font-weight: 600;
          margin-top: 20px;
        }
        .content{
          width: 100%;
          margin-top: 20px;
          a{
            display: flex;
            margin-top: 8px;
            font-size: 14px;
            color: #bebebe;
          }
          .desc{
            width: 400px;
            font-size: 12px;
            color: #bebebe;
            text-indent: 22px;
            line-height: 22px;
          }
          .image{
            img{
              width: 100px;
              height: 100px;
              margin-left: 10px;
              object-fit: contain;
            }
          }
          .tel{
            color: #bebebe;
            font-size: 13px;
            margin-left: 10px;
            margin-bottom: 15px;
          }
          .address{
            width: 300px;
            font-size: 13px;
            margin-left: 10px;
            color: #bebebe;
          }
        }
      }
    }
    .bottom-box{
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 12px;
      height: 60px;
      color: #b3aeae;
    }
  }
}
</style>